<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/api-detail.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb b-box">
			<!-- 放logo图 -->
			<div id="logo"></div>
			<!-- 导航列表 -->
			<ul class="flex-c-c fc-black">
				<li>
					<a href="../html/index.html">首页</a>
				</li>
				<li>
					<a href="../html/api-index.html">API</a>
				</li>
				<li>
					<a href="../html/api-detail.html">云服务</a>
				</li>
				<li class="active">
					<a href="../html/customer.html">案例</a>
				</li>
				<li>
					<a href="../html/customer-detail.html">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-black">
				<span class="fz-14">登录</span>
				<span class="fz-14">注册有礼</span>
			</div>
		</header>
		<!-- 主体 -->
		<main>
			<!-- 身份证实名认证 -->
			<!-- banner区 -->
			<section id="banner" class="rel">
				<!-- 粒子效果背景 -->
				<div id="banner-bg" class="abs"></div>
				<!-- 图文区 -->
				<div class="container flex-c-sb banner-cont abs">
					<!-- 左边图片 -->
					<div id="left-banner">
						<img src="../images/API_02.jpg" alt="图片已损坏" />
						<div id="smallicon" class="flex-c-sa">
							<div>
								<img src="../images/API_smallicon_01.jpg" alt="图片已损坏" />
								<p>103</p>
							</div>
							<div>
								<img src="../images/API_smallicon_02.jpg" alt="图片已损坏" />
								<p>14245</p>
							</div>
							<div>
								<img src="../images/API_smallicon_03.jpg" alt="图片已损坏" />
								<p>623</p>
							</div>
						</div>
					</div>
					<!-- 右侧详情 -->
					<div id="right-banner">
						<p id="title-user">
							<strong class="fz-20">身份证实名认证</strong>
							<span class="fz-12">支持HTTPS</span>
							<span class="fz-12">企业专用</span>
						</p>
						<p id="apilogo">
							<img src="../images/API03.jpg" alt="图片已损坏" />
							<span>限企业实名用户使用</span>
							<img src="../images/API08.jpg" alt="图片已损坏" />
							<span>限企业实名用户使用</span>
							<img src="../images/API05.jpg" alt="图片已损坏" />
							<span>限企业实名用户使用</span>
						</p>
						<p class="fz-12">检测姓名和身份证号是否一致,身份证验证</p>
						<!-- <div id="">
							<img src="../images/API17.jpg" alt="图片已损坏" />
							<span>扫码测试</span>
						</div> -->
						<ul id="select-time">
							<li id="qrcode" class="rel">
								<img src="../images/API详情页_17.jpg" alt="图片已损坏" />
								<span>扫码测试</span>
								<div class="abs">
									<img src="../images/wechat-white.png" alt="图片已损坏" />
									<p>请扫码关注</p>
								</div>
							</li>
							<!-- <li class="active">4000次</li>
							<li>8000次</li>
							<li>40000次</li> -->
						</ul>

						<p id="price-user">
							<strong>￥1200</strong>
							<span>(约0.3000元/次),仅限企业实名用户</span>
						</p>
						<button>立即申请</button>
					</div>
				</div>
			</section>
			<section id="bg-api"></section>
			<!-- 中间导航栏 -->
			<div id="navlist">
				<ul class="container">
					<li class="active">API文档</li>
					<li>错误码参照</li>
					<li>示例代码</li>
					<li>联系我们</li>
				</ul>
			</div>

			<!-- API文档 -->
			<section id="api-area">
				<div class="container flex-c-sb">
					<!-- 版心左侧 -->
					<div id="container-left">
						<!-- API文档 -->
						<div id="apiDoc" class="b-box on">
							<p>
								<strong>接口地址: </strong>
								<span> http://op.juhe.cn/idcard/query</span>
							</p>
							<p>
								<strong>返回格式：</strong>
								<span> json</span>
							</p>
							<p>
								<strong>请求方式：</strong>
								<span> http get/post</span>
							</p>
							<p>
								<strong>请求示例：</strong>
								<span>
									http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span
								>
							</p>
							<p>
								<strong>接口备注：</strong>
								<span> error_code为0时计费</span>
							</p>
							<button class="b-box">API测试工具</button>
						</div>
						<!-- 请求参数说明 -->
						<div id="quest-pram">
							<strong>请求参数说明:</strong>
							<div>
								<p>
									<span>名称</span>
									<span>必填</span>
									<span>类型</span>
									<span>说明</span>
								</p>
								<p>
									<span>idcard</span>
									<span>是</span>
									<span>string</span>
									<span>身份证号码</span>
								</p>
								<p>
									<span>realname</span>
									<span>是</span>
									<span>string</span>
									<span>姓名(UTF-8)</span>
								</p>
								<p>
									<span>orderid</span>
									<span>否</span>
									<span>int</span>
									<span>传1时返回单号，默认不返回单号(建议传入)</span>
								</p>
								<p>
									<span>key</span>
									<span>是</span>
									<span>string</span>
									<span>在个人中心-&gt;我的数据,接口名称上方查看</span>
								</p>
							</div>
						</div>
						<!-- 返回参数说明 -->
						<div id="false-pram">
							<strong>返回参数说明:</strong>
							<div>
								<p>
									<span>名称</span>
									<span>类型</span>
									<span>说明</span>
								</p>
								<p>
									<span>error_code</span>
									<span>int</span>
									<span>返回码</span>
								</p>
								<p>
									<span>reason</span>
									<span>string</span>
									<span>返回说明</span>
								</p>
								<p>
									<span>result</span>
									<span>object</span>
									<span>返回结果集</span>
								</p>
								<p>
									<span>realname</span>
									<span>string</span>
									<span>属result,真实姓名</span>
								</p>
								<p>
									<span>idcard</span>
									<span>string</span>
									<span>属result,身份证号</span>
								</p>
								<p>
									<span>res</span>
									<span>int</span>
									<span>属result,匹配详情,1匹配,2不匹配</span>
								</p>
							</div>
						</div>
						<!-- JASON示例 -->
						<div id="ex-JASON">
							<p>JSON返回示例： <span>JSON在线格式化工具</span></p>
							<div class="b-box">
								<p>{</p>

								<p>&quot;reason&quot;: &quot;成功&quot;,</p>

								<p>&quot;result&quot;: {</p>

								<p>&quot;realname&quot;: &quot;***&quot;,/*真实姓名*/</p>

								<p>
									&quot;idcard&quot;:
									&quot;******************&quot;,/*身份证号码*/
								</p>

								<p>
									&quot;orderid&quot;:&quot;J103202010151450419556&quot;,/*流水号*/
								</p>

								<p>&quot;res&quot;: 1 /*1：匹配 2：不匹配*/</p>

								<p>},</p>

								<p>&quot;error_code&quot;: 0</p>

								<p>}</p>
							</div>
						</div>
					</div>
					<!-- 版心右侧 -->
					<div id="container-right">
						<ul id="action-recom">
							<li>活动推荐/Activity</li>
							<li>
								<img src="../images/sfz-aside1.png" alt="图片已损坏" />
							</li>
							<li>
								<img src="../images/details-aside02.png" alt="图片已损坏" />
							</li>
							<li>
								<img src="../images/details-aside03.png" alt="图片已损坏" />
							</li>
						</ul>
						<aside id="api-like">
							<p>猜你喜欢</p>
							<ul id="detailList">
								<li>
									<!-- 左边logo -->
									<div>
										<img src="../images/API详情页_22.jpg" alt="图片已损坏" />
									</div>
									<!-- 右边文字 -->
									<div id="text-right">
										<p>短信API服务</p>
										<p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
									</div>
								</li>
								<li>
									<!-- 左边logo -->
									<div>
										<img src="../images/API详情页_26.jpg" alt="图片已损坏" />
									</div>
									<!-- 右边文字 -->
									<div id="text-right">
										<p>银行卡四元素校验</p>
										<p>
											检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。
										</p>
									</div>
								</li>
								<li>
									<!-- 左边logo -->
									<div>
										<img src="../images/API详情页_30.jpg" alt="图片已损坏" />
									</div>
									<!-- 右边文字 -->
									<div id="text-right">
										<p>身份证查询</p>
										<p>身份证归属地信息查询身份证归属地信息查询</p>
									</div>
								</li>
								<li>
									<!-- 左边logo -->
									<div>
										<img src="../images/API详情页_33.jpg" alt="图片已损坏" />
									</div>
									<!-- 右边文字 -->
									<div id="text-right">
										<p>身份证OCR识别</p>
										<p>
											支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、
											身份证号、签发机关、有效期限，准确率98%以上
										</p>
									</div>
								</li>
								<li>
									<!-- 左边logo -->
									<div>
										<img src="../images/API详情页_36.jpg" alt="图片已损坏" />
									</div>
									<!-- 右边文字 -->
									<div id="text-right">
										<p>三网手机实名制认证</p>
										<p>
											支持移动、联通号码；检验姓名、身份证、手机号码是否一致。
										</p>
									</div>
								</li>
							</ul>
						</aside>
					</div>
				</div>
			</section>
			<!-- 免费注册 -->
			<section id="free-register" class="text-c pt-20">
				<h1 class="fc-white">现在注册，百款接口免费测试</h1>
				<button>免费注册</button>
			</section>
		</main>
		<!-- 尾部 -->
		<footer>
			<!-- 尾部版心 -->
			<div class="container flex-c-sa">
				<!-- 左边文字 -->
				<ul id="footer-text" class="flex-c-sa">
					<li>
						<strong>联系与支持</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<strong>源于源码</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<strong>快速入口</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<strong>产品服务</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<strong>解决办法</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
				</ul>

				<!-- 右侧二维码 -->
				<div id="wechat">
					<strong>微信公众号</strong>
					<p class="text-p">源码时代</p>
					<img src="../images/wechat-white.png" alt="图片已损坏" />
				</div>
			</div>
			<!-- 下方许可证 -->
			<div class="text-vertical container flex-c-sb licence b-box">
				<div>
					<img src="../images/bei2.png" alt="图片 " />
					<img src="../images/bei1.png" alt="图片 " />
					<span class="text-p text-vertical">
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span
					>
				</div>

				<span class="text-p"> 源码大数据股份有限公司©版权所有 </span>
			</div>
			<!-- 精灵图回到顶部 -->
			<div id="spirit"></div>
		</footer>
		<script src="../js/util.js"></script>
		<!-- 引入粒子效果 -->
		<script src="../lib/canvas-particle.js"></script>
		<!-- 1.引入自己的js -->
		<script src="../js/api-detail.js"></script>
		<script>
			// console.log($("#master"));
		</script>
	</body>
</html>
